<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米闪购 - 小米商城</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont1.css">
</head>

<body>
    <!-- 顶部广告 start -->
    <div class="topAd">
        <a href="#">
            <img src="./img/top.jpg" alt="">
        </a>
    </div>
    <!-- 顶部广告 end -->

    <!-- 导航栏 -->
    <div class="topBar">
        <div class="container">
            <div class="topBar-nav">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">IoT</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">金融</a><span>|</span>
                <a href="">有品</a><span>|</span>
                <a href="">小爱开放平台</a><span>|</span>
                <a href="">企业团购</a><span>|</span>
                <a href="">资质证照</a><span>|</span>
                <a href="">协议规则</a><span>|</span>
                <a class="downloadApp" href="">下载app</a>
                <div class="download">
                    <img src="./img/QR.png" alt="">
                    <p>作者联系方式</p>
                </div>
            </div>
            <div class="topBar-cart">
                <a href=""><i class="iconfont">&#xe60c;</i>购物车<span>(0)</span></a>
            </div>
            <div class="topBar-info clearfix">
                <a href="../MI_Login/login.html">登录</a><span>|</span>
                <a href="../MI_Login/login.html">注册</a><span>|</span>
                <a href="" class="sep">消息通知</a>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="header">
        <div class="container">
            <div class="header-logo">
                <a href="#" class="lr">小米官网</a>
            </div>
            <div class="header-nav">
                <ul class="nav-list clearfix">
                    <li class="nav-category">
                        <a href="">全部商品分类</a>
                    </li>
                    <li class="nav-item">
                        <a href="">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="">Redmi 红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="">笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="">家电</a>
                    </li>
                    <li class="nav-item">
                        <a href="">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="">社区</a>
                    </li>
                </ul>
            </div>
            <div class="header-search">
                <form action="" class="search-form">
                    <input type="search" name="keyword" placeholder="小米10" class="search-text">
                    <input type="submit" value="&#xe616;" class="search-btn iconfont">
                </form>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="seckill">
        <div class="seckill-head"></div>
        <div class="container">
            <div id="seckillnav" class="seckill-nav">
                <ul id="tabs">
                    <li class="active"><em>20:00</em><span>抢购结束</span></li>
                    <li><em>22:00</em><span><em>抢购中<br>距结束 00:37:23</em></span></li>
                    <li><em>00:00</em><span>即将开始</span></li>
                    <li><em>08:00</em><span>即将开始</span></li>
                    <li><em>10:00</em><span>即将开始</span></li>
                </ul>
            </div>
            <!-- 商品信息列表 -->
            <div id="lists" class="seckill-goods">
                <!-- 第一栏 -->
                <ul class="clearfix active">
                    <li>
                        <div class="bg"><img src="img/2.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">烟雾报警器 白色</a>
                            <p class="tips">让长效安全，精工品质</p>
                            <p class="price">129.00元 <del>149元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有12354人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米运动蓝牙耳机mini 黑色</a>
                            <p class="tips">迷你机身, 小如蚕豆</p>
                            <p class="price">159.00元 <del>169元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有61464人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/4.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">米家温湿度传感器 白色</a>
                            <p class="tips">智能联动，改善室内温湿度</p>
                            <p class="price">1.00元 <del>49元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有251324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">米家智能插座基础版 白色</a>
                            <p class="tips">让普通家电变智能</p>
                            <p class="price">1.00元 <del>59元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有651324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/5.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">最生活毛巾·青春系列 白色</a>
                            <p class="tips">3秒吸水，杀菌无刺激</p>
                            <p class="price">1.00元 <del>19元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有656224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/6.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米Max 2 4GB+64GB 金色</a>
                            <p class="tips">6.44"大屏/充电宝级大电量/轻薄全金属</p>
                            <p class="price">1049.00元 <del>1699元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有9624人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/7.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米自拍杆（线控版） 黑色</a>
                            <p class="tips">即插即用，拍照快人一步</p>
                            <p class="price">1.00元 <del>49元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有15164人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/8.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米运动蓝牙耳机mini 白色</a>
                            <p class="tips">迷你机身, 小如蚕豆</p>
                            <p class="price">150.00元 <del>169元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有6324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/9.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米手环 2 黑色</a>
                            <p class="tips">OLED 显示屏，触摸操作</p>
                            <p class="price">129.00元 <del>149元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有2224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/10.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">米兔轨道积木 电动火车套装</a>
                            <p class="tips">送给孩子的私人游乐场</p>
                            <p class="price">279.00元 <del>299元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有3224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/11.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米随身蓝牙音箱 金属银</a>
                            <p class="tips">全金属外壳，内置麦克风</p>
                            <p class="price">1.00元 <del>69元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有54624人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/12.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米USB Type C快速充电数据</a>
                            <p class="tips">快速充电，稳定传输</p>
                            <p class="price">1.00元 <del>16.9元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有65224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/13.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">九号平衡车 白色</a>
                            <p class="tips">年轻人的酷玩具</p>
                            <p class="price">1899.00元 <del>1999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有65114人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/14.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家照片打印机 特惠</a>
                            <p class="tips">6寸高清照片，即拍即印</p>
                            <p class="price">649.00元 <del>699元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有24324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/15.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家电动滑板车 白色</a>
                            <p class="tips">便携折叠，自由穿行</p>
                            <p class="price">1899.00元 <del>1999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有2124人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <!-- 第二栏 -->
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="img/Snoopy.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">Snoopy</a>
                            <p class="tips">一只可爱又有风趣的小狗</p>
                            <p class="price">非卖品 <del>99999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有5642人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/14.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家照片打印机 特惠</a>
                            <p class="tips">6寸高清照片，即拍即印</p>
                            <p class="price">649.00元 <del>699元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有24324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/15.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家电动滑板车 白色</a>
                            <p class="tips">便携折叠，自由穿行</p>
                            <p class="price">1899.00元 <del>1999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有2124人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/7.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米自拍杆（线控版） 黑色</a>
                            <p class="tips">即插即用，拍照快人一步</p>
                            <p class="price">1.00元 <del>49元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有15164人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/8.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米运动蓝牙耳机mini 白色</a>
                            <p class="tips">迷你机身, 小如蚕豆</p>
                            <p class="price">150.00元 <del>169元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有6324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/9.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米手环 2 黑色</a>
                            <p class="tips">OLED 显示屏，触摸操作</p>
                            <p class="price">129.00元 <del>149元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有2224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/10.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">米兔轨道积木 电动火车套装</a>
                            <p class="tips">送给孩子的私人游乐场</p>
                            <p class="price">279.00元 <del>299元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有3224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/11.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米随身蓝牙音箱 金属银</a>
                            <p class="tips">全金属外壳，内置麦克风</p>
                            <p class="price">1.00元 <del>69元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有54624人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/12.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米USB Type C快速充电数据</a>
                            <p class="tips">快速充电，稳定传输</p>
                            <p class="price">1.00元 <del>16.9元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有65224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/13.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">九号平衡车 白色</a>
                            <p class="tips">年轻人的酷玩具</p>
                            <p class="price">1899.00元 <del>1999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有65114人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/14.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家照片打印机 特惠</a>
                            <p class="tips">6寸高清照片，即拍即印</p>
                            <p class="price">649.00元 <del>699元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有24324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/15.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家电动滑板车 白色</a>
                            <p class="tips">便携折叠，自由穿行</p>
                            <p class="price">1899.00元 <del>1999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有2124人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <!-- 第三栏 -->
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">米家智能插座基础版 白色</a>
                            <p class="tips">让普通家电变智能</p>
                            <p class="price">1.00元 <del>59元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有651324人设置提醒</p>
                        </div>
                        <p></p>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米运动蓝牙耳机mini 黑色</a>
                            <p class="tips">迷你机身, 小如蚕豆</p>
                            <p class="price">159.00元 <del>169元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有61464人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/4.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">米家温湿度传感器 白色</a>
                            <p class="tips">智能联动，改善室内温湿度</p>
                            <p class="price">1.00元 <del>49元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有251324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/2.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">烟雾报警器 白色</a>
                            <p class="tips">让长效安全，精工品质</p>
                            <p class="price">129.00元 <del>149元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有12354人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/5.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">最生活毛巾·青春系列 白色</a>
                            <p class="tips">3秒吸水，杀菌无刺激</p>
                            <p class="price">1.00元 <del>19元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有656224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/7.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米自拍杆（线控版） 黑色</a>
                            <p class="tips">即插即用，拍照快人一步</p>
                            <p class="price">1.00元 <del>49元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有15164人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/8.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米运动蓝牙耳机mini 白色</a>
                            <p class="tips">迷你机身, 小如蚕豆</p>
                            <p class="price">150.00元 <del>169元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有6324人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/6.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米Max 2 4GB+64GB 金色</a>
                            <p class="tips">6.44"大屏/充电宝级大电量/轻薄全金属</p>
                            <p class="price">1049.00元 <del>1699元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有9624人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/9.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米手环 2 黑色</a>
                            <p class="tips">OLED 显示屏，触摸操作</p>
                            <p class="price">129.00元 <del>149元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有2224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/12.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米USB Type C快速充电数据</a>
                            <p class="tips">快速充电，稳定传输</p>
                            <p class="price">1.00元 <del>16.9元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有65224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/10.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">米兔轨道积木 电动火车套装</a>
                            <p class="tips">送给孩子的私人游乐场</p>
                            <p class="price">279.00元 <del>299元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有3224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/11.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米随身蓝牙音箱 金属银</a>
                            <p class="tips">全金属外壳，内置麦克风</p>
                            <p class="price">1.00元 <del>69元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有54624人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/13.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">九号平衡车 白色</a>
                            <p class="tips">年轻人的酷玩具</p>
                            <p class="price">1899.00元 <del>1999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有65114人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/15.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家电动滑板车 白色</a>
                            <p class="tips">便携折叠，自由穿行</p>
                            <p class="price">1899.00元 <del>1999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有2124人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/14.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家照片打印机 特惠</a>
                            <p class="tips">6寸高清照片，即拍即印</p>
                            <p class="price">649.00元 <del>699元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有24324人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <!-- 第四栏 -->
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="img/11.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米随身蓝牙音箱 金属银</a>
                            <p class="tips">全金属外壳，内置麦克风</p>
                            <p class="price">1.00元 <del>69元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有54624人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/Snoopy.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">Snoopy</a>
                            <p class="tips">一只可爱又有风趣的小狗</p>
                            <p class="price">非卖品 <del>99999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有4684人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/14.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米米家照片打印机 特惠</a>
                            <p class="tips">6寸高清照片，即拍即印</p>
                            <p class="price">649.00元 <del>699元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有24324人设置提醒</p>
                        </div>
                    </li>
                </ul>

                <ul class="clearfix">
                    <!-- 第五栏 -->
                    <li>
                        <div class="bg"><img src="img/Snoopy.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">Snoopy</a>
                            <p class="tips">一只可爱又有风趣的小狗</p>
                            <p class="price">非卖品 <del>99999元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有9623人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/9.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米手环 2 黑色</a>
                            <p class="tips">OLED 显示屏，触摸操作</p>
                            <p class="price">129.00元 <del>149元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有2224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/7.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米自拍杆（线控版） 黑色</a>
                            <p class="tips">即插即用，拍照快人一步</p>
                            <p class="price">1.00元 <del>49元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有15164人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/10.jpg" alt=""></div>
                        <div class="info">
                            <a href="" class="name">米兔轨道积木 电动火车套装</a>
                            <p class="tips">送给孩子的私人游乐场</p>
                            <p class="price">279.00元 <del>299元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有3224人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/11.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米随身蓝牙音箱 金属银</a>
                            <p class="tips">全金属外壳，内置麦克风</p>
                            <p class="price">1.00元 <del>69元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有54624人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/12.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米USB Type C快速充电数据</a>
                            <p class="tips">快速充电，稳定传输</p>
                            <p class="price">1.00元 <del>16.9元</del></p>
                            <a href="" class="btn">登陆后抢购</a>
                            <p class="person">已有65224人设置提醒</p>
                        </div>
                    </li>
                </ul>
            </div>
            <p class="seckill-notice">*小米闪购活动规则：<br>
                1.秒杀商品是否参加活动、最终秒杀成功的商品，以订单结算页显示为准，活动包括但不限于优惠券、赠品、满减、满赠等；<br>
                2.秒杀商品数量有限，活动以下单支付成功为准，请加入购物车后尽快下单支付；<br>
                3.秒杀价不含运费，最终以订单结算页价格为准；<br>
                4.订单中商品的数量、颜色、型号等，以订单结算页为准。<br>
                温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。
            </p>
        </div>
    </div>

    <!-- 侧边栏 Start -->
    <div class="sidebar">
        <div class="primary-btn">
            <i class="iconfont">&#xe525;</i>
            <span class="primary-btn-text">手机APP</span>
        </div>
        <div class="primary-btn">
            <i class="iconfont">&#xe65d;</i>
            <span class="primary-btn-text">个人中心</span>
        </div>
        <div class="primary-btn">
            <i class="iconfont">&#xe605;</i>
            <span class="primary-btn-text">人工客服</span>
        </div>
        <div class="primary-btn">
            <i class="iconfont">&#xe60c;</i>
            <span class="primary-btn-text">购物车</span>
        </div>
        <div id="top-btn" class="primary-btn">
            <i class="iconfont">&#xe623;</i><br>
            <span class="primary-btn-text">回到顶部</span>
        </div>
    </div>
    <!-- 侧边栏 End -->

    <!-- 页脚 Start -->
    <div class="footer">
        <div class="wrap">
            <div class="footer-service">
                <ul>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe629;</i>
                            <span>预约维修服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe60e;</i>
                            <span>7天无理由退货</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe606;</i>
                            <span>15天免费换货</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe611;</i>
                            <span>满99元包邮</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont">&#xe617;</i>
                            <span>520余家售后网点</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-link">
                <ul>
                    <li>帮助中心</li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                    <li>服务支持</li>
                    <li><a href="#">售后政策</a></li>
                    <li><a href="#">自助服务</a></li>
                    <li><a href="#">相关下载</a></li>
                </ul>
                <ul>
                    <li>线下门店</li>
                    <li><a href="#">小米之家</a></li>
                    <li><a href="#">服务网点</a></li>
                    <li><a href="#">授权体验店</a></li>
                </ul>
                <ul>
                    <li>关于小米</li>
                    <li><a href="#">了解小米</a></li>
                    <li><a href="#">加入小米</a></li>
                    <li><a href="#">投资者关系</a></li>
                </ul>
                <ul>
                    <li>关注我们</li>
                    <li><a href="#">新浪微博</a></li>
                    <li><a href="#">官方微信</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
                <ul>
                    <li>特色服务</li>
                    <li><a href="#">F 码通道</a></li>
                    <li><a href="#">礼物码</a></li>
                    <li><a href="#">防伪查询</a></li>
                </ul>
                <div class="footer-aside">
                    <p class="tel">400-100-5678</p>
                    <p class="time">周一至周日 8:00-18:00（仅收市话费）</p>
                    <a href="#" class="kefu">人工客服</a>
                    <div class="follow">关注小米
                        <img src="./img/wb.png" alt="">
                        <img src="./img/wx.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 End -->
    <script src="js/index.js"></script>
</body>

</html>